<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    客户端   请求数据资源   服务端
    服务端   响应数据       客户端
    get请求   通常用于获取服务器资源
              根据url地址，从服务器获取html，css，js，图片，数据资源等
    post      通常用于向服务器提交数据
              登录时向服务器提交的登录信息，注册时向服务器提交的注册信息，添加用户时向服务器提交的用户信息等
              各种数据提交操作
              <br>  
    <button id="btn">发起不带参数的get请求</button>
    <button id="btn2">发起带参数的get请求</button>
    <script src="./jquery.js"></script>
    <script>
        $('#btn').on('click',function() {
            // 服务端地址：http://www.liulongbin.top:3006/api/getbooks
            // res：形参，输出获取资源的结果
            $.get('http://www.liulongbin.top:3006/api/getbooks',function(res){
                console.log(res);
            })
        })
        $('#btn2').on('click',function() {
            $.get('http://www.liulongbin.top:3006/api/getbooks',{id:1},function(res){
                console.log(res);
            })
        })
    </script>
</body>
</html>